<template>
  <div
    class="fixed fixed-center relative-position non-selectable no-pointer-events"
  >
    <div class="absolute-center">
      <q-spinner color="primary" size="165px" :thickness="1" />
    </div>

    <q-avatar size="120px" color="primary" class="q-electron-drag">
      <img src="~assets/img/logo-96x96.png" class="vertical-top" />
    </q-avatar>
  </div>
</template>

<style lang="scss">
body {
  background: transparent;
}
</style>

<script>
import { mainWindow, updatePage } from "src/assets/electron";
import { defineComponent, reactive } from "vue";

export default defineComponent({
  name: "PagesIndexPageVue",
  setup() {
    const data = reactive({});
    // mainWindow.show();

    window.electron.onUpdate((res) => {
      console.log(res, 123);
      // updatePage.show();
    });

    window.electron.send("aaaaa", 123, 333);
    return { data };
  },
});
</script>
